<template>
  <div>
    <van-sticky>
      <van-nav-bar
        title="我的订单"
        left-arrow
        @click-left="
          () => {
            $router.push('/home/me/index');
          }
        "
      />

      <van-tabs>
        <van-tab title="全部"></van-tab>
        <van-tab title="待付款"></van-tab>
        <van-tab title="待发货"></van-tab>
        <van-tab title="待收货"></van-tab>
        <van-tab title="待评价"></van-tab>
      </van-tabs>
    </van-sticky>

    <div class="home">
      <img
        src="https://cdn7.axureshop.com/demo/2090757/images/%E5%95%86%E5%BA%97/u967.png"
        alt=""
      />
      <div class="">
        <span>特惠北欧表情皮埃蒙..</span> &nbsp;
        <span>$2596.00</span>
        <p>08月08日 24:00发货</p>
      </div>
    </div>

    <div class="home">
      <img
        src="https://cdn7.axureshop.com/demo/2090757/images/%E5%95%86%E5%BA%97/u967.png"
        alt=""
      />
      <div class="">
        <span>特惠北欧表情皮埃蒙..</span> &nbsp;
        <span>$2596.00</span>
        <p>08月08日 24:00发货</p>
      </div>
    </div>

    <div class="home">
      <img
        src="https://cdn7.axureshop.com/demo/2090757/images/%E5%95%86%E5%BA%97/u967.png"
        alt=""
      />
      <div class="">
        <span>特惠北欧表情皮埃蒙..</span> &nbsp;
        <span>$2596.00</span>
        <p>08月08日 24:00发货</p>
      </div>
    </div>

    <div class="home">
      <img
        src="https://cdn7.axureshop.com/demo/2090757/images/%E5%95%86%E5%BA%97/u967.png"
        alt=""
      />
      <div class="">
        <span>特惠北欧表情皮埃蒙..</span> &nbsp;
        <span>$2596.00</span>
        <p>08月08日 24:00发货</p>
      </div>
    </div>

    <div class="home">
      <img
        src="https://cdn7.axureshop.com/demo/2090757/images/%E5%95%86%E5%BA%97/u967.png"
        alt=""
      />
      <div class="">
        <span>特惠北欧表情皮埃蒙..</span> &nbsp;
        <span>$2596.00</span>
        <p>08月08日 24:00发货</p>
      </div>
    </div>
    <div class="home">
      <img
        src="https://cdn7.axureshop.com/demo/2090757/images/%E5%95%86%E5%BA%97/u967.png"
        alt=""
      />
      <div class="">
        <span>特惠北欧表情皮埃蒙..</span> &nbsp;
        <span>$2596.00</span>
        <p>08月08日 24:00发货</p>
      </div>
    </div>
    <div class="home">
      <img
        src="https://cdn7.axureshop.com/demo/2090757/images/%E5%95%86%E5%BA%97/u967.png"
        alt=""
      />
      <div class="">
        <span>特惠北欧表情皮埃蒙..</span> &nbsp;
        <span>$2596.00</span>
        <p>08月08日 24:00发货</p>
      </div>
    </div>
    <div class="home">
      <img
        src="https://cdn7.axureshop.com/demo/2090757/images/%E5%95%86%E5%BA%97/u967.png"
        alt=""
      />
      <div class="">
        <span>特惠北欧表情皮埃蒙..</span> &nbsp;
        <span>$2596.00</span>
        <p>08月08日 24:00发货</p>
      </div>
    </div>
    <div class="ann">
      <van-button  round type="">取消订单</van-button>
      <van-button class="ann-1" round type="danger">确认订单</van-button>
    </div>

    <div style="height: 60px"></div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.home {
  display: flex;
  margin: 10px 0px 0 10px;
}
.home img {
  width: 100px;
  height: 100px;
}
.home span {
  color: black;
  margin: 0px 0 0 5px;
}
.home p {
  margin: 10px 0 0 5px;
  color: #ffe384;
}
.ann{
  margin: 20px 0 0 10px;
}
 .ann-1{
  margin: 0 0 0 10px;
}
</style>
